<template>
  <div>
    <Header />

    <!-- 路由的出口 -->
    <router-view></router-view>

    <Footer v-if="$route.meta.isShowFooter" />
  </div>
</template>

<script>
  import Header from './components/Header/index.vue';
  import Footer from './components/Footer/index.vue';
  export default {
    name: 'App',
    components: { Header, Footer },

    // 组件挂载完毕, 可以向服务器发请求
    created() {
      // 通知Vuex发请求, 获取数据, 存储与仓库当中
      // 因为app根组件值会挂载一次, 所以请求放在这里不会重复请求
      this.$store.dispatch('home/categoryList');
    },
  };
</script>

<style scoped></style>
